<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <script>
        //post请求
        fetch('http://localhost:3000/books', {
                method: 'post',
                body: 'uname=wzp&pwd=123',
                headers: {
                    'Content-Type': 'application/x-www-form-urlencoded'
                }
            }).then((data) => {
                return data.text()
            }).then((data) => {
                console.log(data)
            })
            //发送json格式的数据
            // fetch('http://localhost:3000/books', {
            //     method: 'post',
            //     body: JSON.stringify({
            //         uname: 'tom',
            //         pwd: 789
            //     }),
            //     headers: {
            //         'Content-Type': 'application/json'
            //     }
            // }).then((data) => {
            //     return data.text()
            // }).then((data) => {
            //     console.log(data)
            // })

        //put请求
        fetch('http://localhost:3000/books/123', {
                method: 'put',
                body: 'uname=wzp&pwd=123',
                headers: {
                    'Content-Type': 'application/x-www-form-urlencoded'
                }
            })
            .then(function(data) {
                return data.text();
            }).then(function(data) {
                console.log(data)
            });


        // .json 可以吧返回的数据 转换成对象的格式  
        fetch('http://localhost:3000/json', )
            .then((data) => {
                return data.json()
            }).then((data) => {
                console.log(data)
            })

        // .text 可以吧返回的数据 转换成字符串的格式
        fetch('http://localhost:3000/json', )
            .then((data) => {
                return data.text()
            }).then((data) => {
                console.log(data)
            })
    </script>
</body>

</html>